<template>
    <div class="seriesCard_body">
        <el-card>
            <el-button color="#F5F5F5" dark round v-for="item in props.data" @click="handleClick(item)" >{{ item }}</el-button>
        </el-card>
    </div>
</template>


<script setup>
const props = defineProps({
    data: Array

})
const emit = defineEmits(['iClick'])

function handleClick(str) {
  emit('iClick',str)
}

</script>

<style scoped lang="scss">
.seriesCard_body {
    background-color: #fff;
    z-index: 100;
    width: 412px;

    & :deep(.el-card) {
        width: 412px;
        display: flex;
        flex-wrap: wrap;
        & .el-button {
            padding: 0px;
            margin: 0px;
            width: 84px;
            height: 38px;
            font-size: 14px;
            margin-right: 2%;
            margin-bottom: 16px;
        }
    }
}
</style>